<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="/dtpr/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/dtpr/Flat-UI/css/flat-ui.min.css" rel="stylesheet" type="text/css">
    <link href="/dtpr/css/home.css" rel="stylesheet" type="text/css">
    <link href="/dtpr/css/analysis.css" rel="stylesheet" type="text/css">
    <script src="/dtpr/bootstrap/js/jquery-3.2.1.min.js"></script>
    <script src="/dtpr/js/echarts.common.min.js"></script>
    <script src="/dtpr/js/home.js"></script>
    <title>个人章节统计</title>
</head>
<body>
<!--网页头-->
<script src="/dtpr/js/head.js"></script>

<!--网页体-->
<div class="main">
    <div class="container-fluid">
        <!--页面左侧导航-->
        <script src="/dtpr/html/teacher/analysis/js/navigation.js"></script>
        <!--网页正文-->
        <div class="col-xs-10">
            <div class="p-body">
                <div class="p-body">
                    <!--左侧控制栏-->
                    <div class="col-xs-4">
                        <div class="set-control border-circle text-center">
                            <h4 class="text-center">请选择题集以及班级</h4>
                            <!--选择信息-->
                            <div>
                                <form class="form-horizontal">
                                    <div class="set-select">
                                        <select class="form-control">
                                            <option>信息一班</option>
                                            <option>信息二班</option>
                                        </select>
                                    </div>
                                    <div class="set-select">
                                        <select class="form-control">
                                            <option>小明</option>
                                            <option>小红</option>
                                        </select>
                                    </div>
                                    <div class="set-select">
                                        <select class="form-control">
                                            <option>题集一</option>
                                            <option>题集二</option>
                                            <option>题集三</option>
                                            <option>题集四</option>
                                            <option>题集五</option>
                                            <option>题集六</option>
                                        </select>
                                    </div>
                                    <div class="set-select">
                                        <select class="form-control">
                                            <option>第一章</option>
                                            <option>第二章</option>
                                            <option>第三章</option>
                                            <option>第四章</option>
                                            <option>第五章</option>
                                            <option>第六章</option>
                                        </select>
                                    </div>
                                    <div class="set-select">
                                        <button class="btn btn-info" type="button">统计</button>
                                    </div>
                                </form>
                            </div>
                            <!--打印的图表信息-->
                            <div>
                                <div class="set-table">
                                    <table class="table table-bordered">
                                        <thead>
                                        <tr>
                                            <td>章节名</td>
                                            <td>正确率</td>
                                            <td>做题数</td>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>第一章</td>
                                            <td>40%</td>
                                            <td>30%</td>
                                        </tr>
                                        <tr>
                                            <td>第二章</td>
                                            <td>40%</td>
                                            <td>30%</td>
                                        </tr>
                                        <tr>
                                            <td>第三章</td>
                                            <td>40%</td>
                                            <td>30%</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--右侧图表栏-->
                    <div class="col-xs-8">
                        <div id="graph" style="height: 500px;width: 100%"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--网页脚-->
<script src="/dtpr/js/foot.js"></script>
<script src="/dtpr/Flat-UI/js/flat-ui.min.js"></script>
<script src="/dtpr/html/teacher/analysis/js/analysis.js"></script>
<script src="/dtpr/html/teacher/analysis/js/personSection.js"></script>
<script>
    navigationOpen("panel-element-2120761");
</script>
</body>
</html>